@import "../config.less";

@typePhone-height: 300px;
.typePhone{
    height: @typePhone-height;
    overflow: hidden;
}
.typePhone img{
    width: 60%;
}
.typePhone .typePhone-txt{
    position: absolute;
    width: 100%;
    top: 300px;
    transition: top @time-very-long;
}
.typePhone.active .typePhone-txt{
    top:0;
}
.typePhone .typePhone-left{
    position: absolute;
    width: 100%;
    margin-left: -4%;
    top:-500px;
    transition: top @time-very-long;
}
.typePhone .typePhone-right{
    position: absolute;
    width: 100%;
    margin-left: 36%;
    top:500px;
    transition: top @time-very-long;
}
.typePhone.active .typePhone-right{
    top:0;
}
.typePhone.active .typePhone-left{
    top:0;
}



